<template>
	<view class="mainItem">
		<view class="listBox" v-for="(item,index) in list" :key="'r_'+index">
			<view class="l_con">
				<label class="iconfont l_icon">&#xe641;</label>
				<view class="l_txt">{{item.name}}</view>
				<view class="l_price" v-if="item.st==1" style="color: #000000;">{{item.money}}</view>
				<view class="l_price" v-if="item.st==2" >-{{item.money}}</view>
			</view>
			<view class="l_time">{{item.time}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[],
			};
		},
		onShow() {
			
				let me = this;
				me.Net._get('balance',{kw:'充值余额'},(res)=>{
					if(res.code ==1){
						//console.log(res.data)
						me.list=res.data.con
						console.log(me.list)
							//me.hot=res.data.hot
					}
				});
				
		},
	}
</script>

<style lang="scss">
.mainItem{
	width: 100%;
	padding: 30rpx 30rpx 50rpx;
	.listBox{
		width: 100%;
		padding: 20rpx;
		background: #fff;
		border-radius: 15rpx;
		.l_con{
			width: 100%;
			display: flex;
			align-items: center;
			.l_icon{
				font-size: 60rpx;
				color: #ec4715;
			}
			.l_txt{
				flex: 1;
				font-size: 32rpx;
				font-weight: bold;
				color: #333;
				padding-left: 20rpx;
			}
			.l_price{
				width: 200rpx;
				font-size: 32rpx;
				color: #fd4a0e;
				font-weight: bold;
				text-align: right;
			}
		}
		.l_time{
			width: 100%;
			color: #a1a1a1;
			font-size: 26rpx;
			padding-top: 5rpx;
			text-align: right;
		}
	}
	.listBox:not(:first-child){
		margin-top: 15rpx;
	}
}
</style>
